<template>
  <view :style="'height:'+screenHeight+'px;'" class="content">
          <u-grid style="height:25%;" :col="2" :border=true >
              <u-grid-item bgColor="white">
                  <u-icon
                          :customStyle="{paddingTop:20+'rpx'}"
                          name="fingerprint"
                          :size="50"
                  ></u-icon>
                  <text class="grid-text">商品管理</text>
              </u-grid-item>
              <u-grid-item bgColor="white">
                  <u-icon
                          :customStyle="{paddingTop:20+'rpx'}"
                          name="fingerprint"
                          :size="50"
                  ></u-icon>
                  <text class="grid-text">diy管理</text>
              </u-grid-item>
          </u-grid>
          <u-toast ref="uToast" />
            <view style="height:73%;background-color: white;margin-top: 5%;">
                <u-line></u-line>
                <view style="text-align: center; font-size: 20px;padding-top: 10px;padding-bottom: 10px">订单</view>
                <u-line></u-line>
                <scroll-view scroll-y style="height: 100%;">
                    
                    <!-- 订单列 -->
                    
                    
                </scroll-view>
            </view>
  </view>
</template>

<script>
  export default {
      data(){
        return {
            screenHeight: getApp().globalData.screenHeight,
                baseList: [{
                                name: 'photo',
                                title: '图片'
                                },
                                {
                                    name: 'lock',
                                    title: '锁头'
                                },
                                {
                                    name: 'star',
                                    title: '星星'
                                }
                            ]
        }
      },
    onLoad: function() {
    },
      methods: {
                click(name) {
                    this.$refs.uToast.success(`点击了第${name}个`)
                }
            }
  }
</script>

<style>
    .u-grid .u-grid-item{
        padding-top:40px ;
        padding-bottom:40px ;
    }
  .content {
    background-color:#e2e2e2;
  }

  .logo {
    height: 200rpx;
    width: 200rpx;
    margin-top: 200rpx;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50rpx;
  }

  .text-area {
    display: flex;
    justify-content: center;
  }

  .title {
    font-size: 36rpx;
    color: #8f8f94;
  }
</style>
